.benefit {
  .benefitHead {
    color: #fff;
    font-size: 20px;
    height: 60px;
    display: flex;
    align-items: center;
    background-color: #f72409;
    .benefitHeadLeft {
      margin-left: 20px;
      flex: 3;
    }

    .benefitHeadTitle {
      margin-left: 8%;
      flex: 7;
    }
  }
// 即将过期提示语
.delat{
    // margin: 10px;
    padding: 10px;
    color: rgb(230, 75, 75);
}
  //   红包
  .hbItem {
    width: 92%;
    padding: 10px;
    margin: 20px 5px;
    border-radius: 10px;
    display: flex;
    background-color: rgb(247, 112, 112);
    .hbItemLeft {
      flex: 3;
      padding: 10px;
      border-right: 2px solid #eee;
      background-color: rgb(250, 184, 167);
      .hbL1 {
        color: #ff5340;
        display: flex;
        margin: 8px 0 4px 5px;
        align-items: center;
        span {
          display: block;
          font-size: 18px;
          margin: 6px 4px 0 0;
        }

        .amount {
          font-size: 26px;
          font-weight: 600;
        }
      }

      .hbL2 {
        color: rgb(233, 227, 227);
        font-size: 12px;
      }
    }

    .hbItemCen {
      flex: 7;
      padding: 16px;
      background-color: rgb(248, 205, 194);
      .hbCName {
        color: #555;
        font-size: 18px;
      }

      .periods {
        font-size: 12px;
        font-weight: 500;
        color: rgb(185, 160, 139);
      }

      .hbCphone {
        font-size: 12px;
        color: rgb(184, 162, 137);
      }
    }

    .hbItemRight {
    }
  }
}
